<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title>在线课程商城</title>
		<link rel="stylesheet" type="text/css" href="../../lib/api.css" />
		<link rel="stylesheet" type="text/css" href="../../lib/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/lib/swiper.css" />
		<link rel="stylesheet" type="text/css" href="../../css/mall/mallHome.css" />
		<link rel="stylesheet" type="text/css" href="../../css/svg.css"/>
	</head>

	<body>
		<div id="app" v-cloak>
			<!--公共头部开始-->
			<div class="back-header">
				<div class="back-header-main">在线课程商城</div>
				<span v-on:click="scanning()" class="back-header-span icon_qr"></span>
			</div>
			<!--公共头部结束-->
			<div class="main">
				<!--轮播S-->
				<div class="mall-one">
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<img class="swiper-img" src="../../images/slide1.jpg" />
							</div>
							<div class="swiper-slide">
								<img class="swiper-img" src="../../images/slide2.jpg" />
							</div>
							<div class="swiper-slide">
								<img class="swiper-img" src="../../images/slide3.jpg" />
							</div>
						</div>
						<div class="swiper-pagination"></div>
					</div>
				</div>
				<!--轮播E-->
				<!--功能按钮S-->
				<div class="mall-two">
					<ul class="mall-two-ul">
						<li class="mall-two-li bc-color1" v-on:click="jumpClassList()">
							<img class="mall-two-svg" src="../../lib/svg/shop/1.svg" type="" />
							<p class="mall-two-title">课程分类</p>
							<span class="mall-two-title-small">category</span>
						</li>
						<li class="mall-two-li bc-color2" v-on:click="jumpTeacherList()">
							<img class="mall-two-svg" src="../../lib/svg/shop/2.svg" type="" />
							<p class="mall-two-title">名师风采</p>
							<span class="mall-two-title-small">Teacher</span>
						</li>
						<li class="mall-two-li bc-color3" v-on:click="jumpServer()">
							<img class="mall-two-svg" src="../../lib/svg/shop/3.svg" type="" />
							<p class="mall-two-title">服务栏目</p>
							<span class="mall-two-title-small">Service</span>
						</li>
						<li class="mall-two-li bc-color4">
							<a href="tel:400">
								<img class="mall-two-svg" src="../../lib/svg/shop/4.svg" type="" />
								<p class="mall-two-title">在线客服</p>
								<span class="mall-two-title-small">Online</span>
							</a>
						</li>
					</ul>
					<div class="clear">

					</div>
				</div>

				<!--功能按钮E-->
				<div class="classTitle">
					<img class="classTitle-svg" src="../../lib/svg/shop/5.svg" type="" />
					<span class="classTitle-head">热门课程</span>
					<span class="classTitle-head-small">Popular courses</span>
				</div>
				<!--课程展示S-->
				<div class="classList">
					<ul class="classList-ul">
						<li class="classList-li" v-for="item in classList" v-on:click="jumpProductMsg(item.id)">
							<img class="classList-li-img" :src="url + (item.thumb_path) + (item.thumb)" />
							<p class="classList-li-p classList-li-name">
								<span class="classList-li-name">{{item.title}}</span>
							</p>
							<p class="classList-li-p">
								<span class="classList-li-star">
									<i v-for="i in Math.round(item.point)" class="fa fa-star org"></i>
									<i v-for="i in (5 - Math.round(item.point))" class="fa fa-star grey"></i>
								</span>
							</p>
							<p class="classList-li-p p-last">
								<span class="classList-li-money">
									<i class="fa fa-cny"></i>
									{{item.price}}
								</span>
								<span class="classList-li-buy">{{item.sales_volume}}人购买</span>
							</p>
							<div class="clear">

							</div>
						</li>
					</ul>
				</div>
				<!--课程展示E-->
			</div>
		</div>
	</body>
	<script src="../../script/api.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/config.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/mall/mallHome.js" type="text/javascript" charset="utf-8"></script>

</html>